<template>
  <div class="doctor-detail">
      <div class="header">
        <img src="https://www.pmdaniu.com/storages/114179/f9ae8e19d16d9c2bdccc1bfe998f2c52-1336/images/%E5%8C%BB%E7%94%9F%E5%88%97%E8%A1%A8/avatar_u97-0.svg" alt="">
        <p>吴摘</p>
        <div class="txt">主任医师/中日友好医院</div>
      </div>
      <div class="intro">
        <div>
          <p>3</p>
          <p>咨询人数</p>
        </div>
        <div>
           <p>100%</p>
          <p>回复率</p>
        </div>
        <div>
          <p>8分钟</p>
          <p>响应时间</p>
        </div>
      </div>
      <div class="main">
        <div class="title">医生擅长</div>
        <p>糖尿病足、糖尿病神经病变、垂体及肾上腺疾病腹腔镜胆囊切除、纤维胆道镜取石与疑难疾病的诊治妇科杂症,妇科炎症,计划生育。</p>
        <div class="title">医生介绍</div>
        <p>1987年毕业于皖南医学院，在安徽省铜陵市人民医院工作两年后考入上海第二医科大学，1992年硕士研究生毕业后在瑞金医院内分泌科工作，工作期间于1998年获得博士学位，于2003年在加拿大麦吉尔大学医学院皇家维克多尼亚医院从事糖尿病研究一年，于2008年开始糖尿病足病专科诊治。</p>
        <div class="title">出诊医院</div>
        <p>中日友好医院 内科</p>
      </div>
      <van-button type="primary" block class="btn" @click="$router.push('/base')">在线咨询 (￥50)</van-button>
  </div>
</template>

<script>
export default {
  name: 'DoctorDetail'
}
</script>

<style lang="less" scoped>

  .header{
    width: 100%;
    height: 180px;
    background: rgb(91,179,99);
  }
  img{
    width: 80px;
    height: 80px;
    border-radius: 50%;
    margin-top: 20px;
    margin-left: 170px;
  }
  p{
    text-align: center;
    color: #fff;
  }
  .txt{
    text-align: center;
    color: #fff;
  }
  .intro{
    width: 100%;
    height: 50px;
    display: flex;
  }
  .intro p{
    flex: 1;
    margin-top: 20px;
    color: #000;
  }
  .intro div{
    flex: 1;
  }
  .intro p:nth-child(2){
    color: #ccc;
    font-size: 14px;
  }
  .main{
    width: 100%;
    margin-top: 40px;
    margin-bottom: 40px;
  }
  .main p{
    color: #000;
    margin-top: 20px;
    text-align: left;
    text-indent: 2em;
    margin-left: 5px;
  }
  .title{
    margin-top: 20px;
    margin-left: 5px;
    font-size: 20px;
  }
  .btn{
    position: fixed;
    bottom: 0;
    width: 90%;
    margin-left:20px;
    border-radius: 20px;
  }
</style>
